<template>

</template>


<script setup>
/*
  props 声明
  一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，
  哪些是透传 attribute (关于透传 attribute，我们会在专门的章节中讨论)。
  在使用 <script setup> 的单文件组件中，props 可以使用 defineProps() 宏来声明：
  const props = defineProps(['foo'])
  console.log(props.foo)

  在没有使用 <script setup> 的组件中，prop 可以使用 props 选项来声明：
  export default {
  props: ['foo'],
  setup(props) {
    // setup() 接收 props 作为第一个参数
    console.log(props.foo)
  }
}
  官方文档 'https://cn.vuejs.org/guide/components/props.html#props-declaration'
*/
  const props = defineProps(['foo'])
  console.log(props.foo)


</script>

<style scoped>

</style>
